import classNames from 'classnames'
import styles from './index.module.less'
import icon_jianli from '@/assets/common/home/icon_jianli.png'
import icon_ziwojieshao from '@/assets/common/home/icon_ziwojieshao.png'
import icon_qiuzhiceping from '@/assets/common/home/icon_qiuzhiceping.png'
import icon_ai_daoshi from '@/assets/common/home/icon_ai_daoshi.png'

const items = [
    { title: '智能简历', icon: icon_jianli, className: '' },
    { title: '模拟面试', icon: icon_ziwojieshao, className: styles.ai_two },
    { title: '求职助手', icon: icon_qiuzhiceping, className: styles.ai_three },
    { title: '智能简历', icon: icon_ai_daoshi, className: styles.ai_four },
]

const AiSeekEmploymentContent = () => {
    return (
        <div className={styles.ai_seekEmployment_content}>
            {items.map((item, index) => (
                <div key={index} className={classNames(styles.ai_seekEmployment_item, item.className)}>
                    <div className={styles.ai_left}>
                        <div className={styles.ai_jia}>AI+</div>
                        <div className={styles.ai_tips}>{item.title}</div>
                    </div>
                    <img src={item.icon} alt={item.title} className={styles.ai_right} />
                </div>
            ))}
        </div>
    )
}

export default AiSeekEmploymentContent
